<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
     <video src="vedio/vedio.mp4" controls="controls" id="vedio"></video>
     <input type="button" value="点击播放视频" id="btn">
     <input type="button" value="点击暂停视频" id="pause">
   <!--
       video加事件实现自定义视频的播放跟暂停


   -->
 <script type="text/javascript">
        var vedio=document.getElementById("vedio");
        var btn=document.getElementById("btn");
        var pause=document.getElementById("pause");
         console.log(vedio);
        //通过getElementsByTagName获取到的是数组，如果想要使用数组的元素，通过下标来使用
//        var ves=document.getElementsByTagName("video");
        //        console.log(ves);
        //         var ve=document.getElementsByTagName("video")[0];
        //       console.log(ve);
      btn.onclick=function(){
          vedio.play();

     }
        pause.onclick=function(){
            vedio.pause();

        }





 </script>
</body>
</html>